<!DOCTYPE html>
<html>
<head>
<include file="Home@public/link" />
<script src="STRING_INDEX/js/jqzoom.js" type="text/javascript"></script>
<title>产品详细页</title>
</head>
<body>
<!--顶部图层-->
 <include file="Home@public/head1" />
<!--产品详细页介绍-->
<div class="Inside_pages">
 <!--位置-->
	<div class="Location_link">
		<em></em>{$cate.2.category}   &lt;&lt;　{$cate.1.category}　&lt;&lt;　{$cate.0.category}　&lt;&lt;　{$product['merchandise']}
	</div>
  <!--产品详细介绍-->
<div class="Details_style clearfix" id="goodsInfo">
  	<div class="mod_picfold clearfix">
	    <div class="clearfix" id="detail_main_img">
 			 <div class="layout_wrap preview">
				<div id="vertical" class="bigImg">
					<img src="STRING_PRODUCT/{$photos.0.photos}" width="" height="" alt="" id="midimg" />
					<div style="display:none;" id="winSelector"></div>
				</div>
				<div class="smallImg">
					<div class="scrollbutton smallImgUp disabled">&lt;</div>
					<div id="imageMenu">
						<ul>
							<foreach name="photos" item="vo">
								<li class="onlickImg"><img src="STRING_PRODUCT/{$vo['photos']}"  width="68" height="68" alt="{$vo['descriptions']}"/></li>
							</foreach>
						</ul>
					</div>
					<div class="scrollbutton smallImgDown">&gt;</div>
				</div>
				<!-- smallImg end	 -->
				<div id="bigView" style="display:none; width:800px;height:800px;"><div><img width="800" height="800" alt="" src="" /></div></div>
			</div> 
		</div> 
		<div class="Sharing">
	 		<div class="bdsharebuttonbox bdshare-button-style0-16" data-bd-bind="1455606466202"><a href="#" class="bds_more" data-cmd="more">分享到：</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
			<script type="text/javascript">
			window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{"bdSize":16},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};
				with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
			</script>
	  		<div class="Collect"><i class="iconfont icon-shoucang red"></i><a href="javascript:collect(92)"> 收藏商品( 2345 )</a></div>
	 	</div>
   	</div> 
   <!-- 信息样式 -->
		<div class="textInfo">
			<form action="" name="ECS_FORMBUY" id="ECS_FORMBUY">
				<input type="hidden" name="id" id="id" value="{$product['id']}">
				<div class="title"><h1>{$product['merchandise']}</h1></div>
				<div class="mod_detailInfo_priceSales">
					<div class="margins">
						<div class="Price clearfix" name="merchandise_prise"><label>价格</label><span>¥{$product['price']}</span></div>
						<div class="Activity clearfix"><label>活动</label><span>指定商品满¥50，可换购以下任一商品</span></div>
					</div>
					<div class="s_Review">
						<a href="#">好评率<b>95%</b>[评论<b>87653</b>条]</a>
					</div>
				</div>
				<div class="buyinfo" id="detail_buyinfo">
					<dl>
						<dt name="number">数量</dt>
						<dd>
							<div class="choose-amount left">
								<a class="btn-reduce reduce">-</a>
								<a class="btn-add add">+</a>
								<input class="text" id="buy-num" value="1">
							</div>
							<div class="P_Quantity">剩余：{$product['stock']}件</div>        
						</dd>
						<dd>
							<div class="wrap_btn">
								<a class="wrap_btn1" title="加入购物车" id="addcart"></a>
								<a href="" class="wrap_btn2" title="立即购买"></a>
							</div>
						</dd>
					</dl>
				</div>
				<div class="Guarantee clearfix">
					<dl>
						<dt>支付方式</dt>
						<dd><em></em>货到付款（部分地区）</dd>
						<dd><em></em>在线支付</dd> 
						<dd> 
							<div class="payment" id="payment">
								<a href="javascript:void(0);" class="paybtn">支付方式<span class=" iconfont icon-unfold"></span></a>
								<ul><li>货到付款</li><li>礼品卡支付</li><li>网上支付</li><li>银行转账</li></ul>
							</div>
						</dd>
					</dl>
				</div>	  
			</form>
		</div>
		<script type="text/javascript">
			$('#addcart').on('click',function(){
				$.ajax({
					type:'post',
                    url:'{$addcart}',
                    data:{
                    	id:$('#id').attr('value'),
                    	num:$('#buy-num').attr('value'),
                    },
                    dataType:'json',
                    success:function(date){
                        if(date.status=="ok"){
                        	alert(date.msg);
                        	window.location.reload();
                        }else{
                        	alert(date.msg);
                        	window.location.reload();
                        }
                    }
				});
			});
		</script>
  <!--产品推荐-->
		<div class="Recommend">
			<div class="title_name">同类产品推荐</div>
			<div class="Recommend_list">
				<ul>
					<li class="clearfix">
						<div class="pic_img"><a href=""><img src="STRING_INDEX/product/p_3.jpg" data-bd-imgshare-binded="1"></a></div>
						<div class="r_content">
							<div class="title"><a href="#">金龙鱼 东北大米 蟹稻共生 盘锦大米5KG</a></div>
							<div class="p_Price">￥32.50</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
  <!--信息内容-->
    <div class="detailed_info clearfix">
		<div class="left_style">
			<div class="Records">
				<div class="title_name">用户浏览记录</div>
				<ul>
					<li>
						<a href="#">
							<p><img src="" data-bd-imgshare-binded="1"></p>
							<p class="p_name">SanmiuSunflower新苗向日葵 乳酪夹心饼干 270g 菲律宾进口</p>
						</a>
						<p><span class="p_Price">￥5.30</span><b>10.4</b></p>
					</li>
					<li>
						<a href="#">
							<p><img src="" data-bd-imgshare-binded="1"></p>
							<p class="p_name">商品名称</p>
						</a>
						<p><span class="p_Price">￥5.30</span><b>10.4</b></p>
					</li>
					<li>
						<a href="#">
							<p><img src="" data-bd-imgshare-binded="1"></p>
							<p class="p_name">商品名称</p>
						</a>
						<p><span class="p_Price">￥5.30</span><b>10.4</b></p>
					</li>
				</ul>
			</div>
		</div>
   <!---->
   <div class="right_style ">
		<div id="recommnad">
			<dl class="recommnad explosion " >
				<dt><i></i>同类销售商品排行榜</dt>
				<dd data-hover="hover" class="bordernone">
					<span>
						<a href="#" class="pic"><img src="STRING_INDEX/product/p_3.jpg" width="130"  height="130"  data-bd-imgshare-binded="1"></a>
						<a href="#" class="tit">Gullon谷优 热带奶油饼干 200g 西班牙进口</a>
						<p>￥39.00</p>
						<a href="#" class="commandbtn">加入购物车</a>
					</span>
					<div class="exp_ico one">1</div>
				</dd>
				<dd data-hover="hover" class="bordernone">
					<span>
						<a href="#" class="pic"><img src="STRING_INDEX/product/p_3.jpg" width="130"  height="130"  data-bd-imgshare-binded="1"></a>
						<a href="#" class="tit">Gullon谷优 热带奶油饼干 200g 西班牙进口</a>
						<p>￥39.00</p>
						<a href="#" class="commandbtn">加入购物车</a>
					</span>
					<div class="exp_ico one">2</div>
				</dd>
				<dd data-hover="hover" class="bordernone">
					<span>
						<a href="#" class="pic"><img src="STRING_INDEX/product/p_3.jpg" width="130"  height="130"  data-bd-imgshare-binded="1"></a>
						<a href="#" class="tit">Gullon谷优 热带奶油饼干 200g 西班牙进口</a>
						<p>￥39.00</p>
						<a href="#" class="commandbtn">加入购物车</a>
					</span>
					<div class="exp_ico one">3</div>
				</dd>
				<dd data-hover="hover" class="bordernone">
					<span>
						<a href="#" class="pic"><img src="" width="130"  height="130" data-bd-imgshare-binded="1"></a>
						<a href="#" class="tit">Gullon谷优 热带奶油饼干 200g 西班牙进口</a>
						<p>￥39.00</p>
						<a href="#" class="commandbtn">加入购物车</a>
					</span>
					<div class="exp_ico one">4</div>
				</dd>
				<dd data-hover="hover" class="bordernone">
					<span>
						<a href="#" class="pic"><img src="" width="130"  height="130" data-bd-imgshare-binded="1"></a>
						<a href="#" class="tit">Gullon谷优 热带奶油饼干 200g 西班牙进口</a>
						<p>￥39.00</p>
						<a href="#" class="commandbtn">加入购物车</a>
					</span>
					<div class="exp_ico one">5</div>
				</dd>
			</dl>
		</div>
		<div class="inDetail_boxOut">
			<div class="inDetail_box">
				<div class="fixed_out ">
					<ul class="inLeft_btn">
						<li><a id="property-id" href="#shangpsx" class="current">商品属性</a></li>
						<li><a id="detail-id" href="#shangpjs">规格与包装</a></li>
						<li><a id="shot-id" href="#miqsp">售后服务</a></li>
						<li><a id="coms1-id" href="#coms1">买家评论</a></li>
					</ul>
					<div class="subbuy">
						<span class="extra currentPrice"> ¥29.90</span>
						<a href="#" class="extra  notice J_BuyButtonSub">立即购买</a>
					</div>
				</div>
			</div>	  
		</div>
    <!--信息--> 
    <div id="shangpsx">
     <table>
      <tr>{$product['details']|htmlspecialchars_decode}</tr>

     </table>
    </div> 
   </div>
  </div>
 </div>
<include file="Home@public/right" />
<script type="text/javascript">
	$('.add').on('click',function(){
	var a=$(this).parent().find('#buy-num');
	var num=parseInt($(a).val());
	num++;
	$(a).val(num);
	});
	$('.reduce').on('click',function(){
	var a=$(this).parent().find('#buy-num');
	var num=parseInt($(a).val());
	num--;
	if (num<1) {
		num=1;
	}
	$(a).val(num);
	});
</script>
</body>
</html>
